.clr {
	clear:both;
	height:0
}

/***************/
/** EXEMPLE 1 **/
/***************/
.jScrollbar { /* main container */
	width:500px;
	height:209px;
	overflow:hidden;
	position:relative;
	border:1px solid #F0F0F0;
	background-color:#F8F8F8;
	padding:10px;
}
	.jScrollbar_mask { /* text container */
		width:450px;
		position:relative;
		top:0;
		/*float:left*/
	}
		.jScrollbar .jScrollbar_mask p { /* paragraphs */
			margin:0;
			padding:0;
			color:#2B2B2B;
			font-size:12px;
		}
	.jScrollbar_draggable { /* slider container */
		float:left;
		width:40px;
		height:209px;
		overflow:hidden;
		background:transparent url('../images/bg_jScrollbar_draggable.jpg') repeat-y center top;
		margin-left:10px;
		position:relative
	}
	.jScrollbar_draggable a.draggable { /** draggable **/
		position:relative;
		background-color:#000;
		display:block;
		height:70px;
		width:13px;
		margin-left:14px;
		cursor:s-resize
	}
	
/***************/
/** EXEMPLE 2 **/
/***************/
.jScrollbar2 {
	width:500px;
	height:209px;
	overflow:hidden;
	position:relative;
	background-color:#3f6f7c;
	padding:10px
}
	.jScrollbar2 .jScrollbar_mask {
		width:450px;
		position:relative;
		top:0;
		float:left
	}
		.jScrollbar2 .jScrollbar_mask p {
			margin:0;
			padding:0;
			color:#FFF;
			font-size:12px;
		}
	.jScrollbar2 .jScrollbar_draggable {
		float:left;
		width:13px;
		height:209px;
		overflow:hidden;
		background:none;
		background-color:#8ea9b0;
		margin-left:25px;
		position:relative
	}
	.jScrollbar2 .jScrollbar_draggable a.draggable {
		position:relative;
		background-color:#0a5060;
		display:block;
		height:45px;
		width:13px;
		margin-left:0;
		cursor:s-resize
	}
	
/***************/
/** EXEMPLE 3 **/
/***************/
.jScrollbar3 {
	width:860px;
	height:340px;
	overflow:hidden;
	position:absolute;
	padding:10px;
	right:0;
}
	.jScrollbar3 .jScrollbar_mask,.jScrollbar4 .jScrollbar_mask{
		width:820px;
		position:absolute;
		top:0;
		overflow:hidden;
		float:left
	}
		.jScrollbar3 .jScrollbar_mask p,.jScrollbar4 .jScrollbar_mask p,.jScrollbar5 .jScrollbar_mask p {
			margin:0;
			padding:0;
			color:#242424;
			font-size:14px;
			line-height:26px;
		}
		.jScrollbar3 .jScrollbar_draggable{		height:340px;}
	.jScrollbar3 .jScrollbar_draggable,.jScrollbar4 .jScrollbar_draggable,.jScrollbar5 .jScrollbar_draggable {
		float:right;
		width:3px;
		overflow:hidden;
		background:none;
		margin-left:30px;
		position:relative
	}
	.jScrollbar3 .jScrollbar_draggable a.draggable,.jScrollbar4 .jScrollbar_draggable a.draggable,.jScrollbar5 .jScrollbar_draggable a.draggable {
		position:relative;
		background-color:#b2b2b2;
		display:block;
		height:25px;
		width:2px;
		margin-left:0;
		cursor:s-resize;
		top:0;
	}
.pro_t_info	.jScrollbar5 .jScrollbar_draggable a.draggable{ opacity:0}
	
/***************/
/** EXEMPLE 4 **/
/***************/
.jScrollbar4 {
	width:900px;
	height:400px;
	overflow:scroll;
	position:relative;
	padding:10px
}
.jScrollbar4 .jScrollbar_draggable{ height:400px}
	
/***************/
/** EXEMPLE 5**/
/***************/
.jScrollbar5 {
	height:300px;
	overflow:scroll;
	position:relative;
	padding:10px;

	
}
.jScrollbar5 .jScrollbar_draggable{ height:300px}
.jScrollbar5 .jScrollbar_mask {width:900px;
		position:relative;
		top:0;
		margin:0 auto}

::-webkit-scrollbar{width:0}